.sticky {
  position: sticky;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}

.inset-0 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.top--10 {
  top: -10px;
}
.top--20 {
  top: -20px;
}
.top--30 {
  top: -30px;
}
.top-0 {
  top: 0;
}
.top-full {
  top: 100%;
}
.top-half {
  top: 50%;
}
.top-100vh {
  top: 100vh;
}

.bottom-0 {
  bottom: 0;
}
.bottom-full {
  bottom: 100%;
}
.bottom-half {
  bottom: 50%;
}
.bottom-100vh {
  bottom: 100vh;
}

.left-0 {
  left: 0;
}
.left-full {
  left: 100%;
}
.left-half {
  left: 50%;
}
.left-100vw {
  left: 100vw;
}

.right-0 {
  right: 0;
}
.right-full {
  right: 100%;
}
.right-half {
  right: 50%;
}
.right-100vw {
  right: 100vw;
}
.right--10 {
  right: -10px;
}
.right--20 {
  right: -20px;
}
.right--30 {
  right: -30px;
}

.index--2 {
  z-index: -2;
}
.index--1 {
  z-index: -1;
}
.index-0 {
  z-index: 0;
}
.index-1 {
  z-index: 1;
}
.index-2 {
  z-index: 2;
}
.index-3 {
  z-index: 3;
}
.index-10 {
  z-index: 10;
}
.index-100 {
  z-index: 100;
}
